<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="float: left;width: 50%;overflow-y: auto;background-color: coral">
        <h3>href属性：跳转的链接</h3>
        <a href="https://www.baidu.com/">跳转</a>
        <h3>target属性：跳转的方式</h3>
        <a href="https://www.baidu.com/" target="_blank">跳转,默认的target方式是 _self</a>
        <h3>
            链接分类：
            <ol>
                <li>外部链接：例如< a href = "https://www.baidu.com">百度< /a></li>
                <li>内部链接：例如< a href = "index.html">首页< /a></li>
                <li>空链接：例如< a href="#">空链接< /a></li>
                <li>下载链接：如果href里面的地址是一个文件或者压缩包，会下载这个文件</li>
                <li>网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接</li>
                <li>锚点：例如< a href="#id">锚点< /></li>
            </ol>
        </h3>
    </div>
    <div style="float: left;width: 50%">
        <table border="1">
            <tr>
                <th>
                    几个基础属性
                </th>
                <th>
                    属性值
                </th>
                <th>
                    说明
                </th>
            </tr>
            <tr>
                <td>href</td>
                <td>跳转目标网址</td>
                <td>必须属性</td>
            </tr>
            <tr>
                <td>target</td>
                <td>_self/_block...</td>
                <td>跳转的方式</td>
            </tr>
        </table>
    </div>
</body>
</html>
